:root {
  /* Color */
    --surface: #e1e1e1;
    --button-highlight: #ffffff;
    --button-face: #dfdfdf;
    --button-shadow: #808080;
    --window-frame: #0a0a0a;
    /* Window borders flip button-face and button-highlight */
    --border-window-outer: inset -1px -1px var(--window-frame),
    inset 1px 1px var(--button-face);
    --border-window-inner: inset -2px -2px var(--button-shadow),
    inset 2px 2px var(--button-highlight);
    --marlboro:#c60000;
    --bone-white: #f9f6f5;
    --preto: #252322;
}

*{box-sizing: border-box;}

ul {
    list-style-type: none;
}


.menu a{
    text-decoration: none;
    color: var(--preto);
}

.nav-title a{
    text-decoration: none;
    color: var(--bone-white);
    padding-top: 4px;
    padding-left: 2px;
}

.nav-title{
    color: var(--bone-white);
    font-size: larger;
    font-family: 'venus';
    background: #C60000;
    background: linear-gradient(90deg, rgba(170, 0, 0, 1) 35%, rgba(200, 0, 0, 1) 100%);
    padding: 3px 2px 3px 3px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
    color: white;
    text-shadow: 1px 1px #590000;
    flex-shrink: 0;
    margin-bottom: 20px;
    font-size: 30px;
    
}

.current{
    font-weight: bold;
}

.menu{
    border: 1px solid #ccc;
    display: flex;
    flex-direction: column;
    position: fixed;
    left: 2%;
    box-shadow: var(--border-window-outer), var(--border-window-inner);
    background: #e1e1e1;
    padding-bottom: 10px;
    height: 500px;
    width: 250px;
    align-self: flex-start;
    flex-shrink: 0;
}

.menu > ul{
    padding: 0;
    margin: 0;
}

.nav-desc{
  font-weight: normal;
  font-size: small;
}



.tag-btn, .botao-nav{
    border: none;
    background-color: #e1e1e1;
    font-family: 'spacemono', monospace;
    font-size: 20px;
    cursor: pointer;
    margin-top: 5px;
    color: var(--preto);

}

.tag-btn:hover, .botao-nav a:hover{
    background-color: var(--marlboro);
    color: var(--bone-white);
}


.count{
    font-size: 15px;
    font-weight: normal;
}